﻿<%@ Page Title="" Language="C#" MasterPageFile="~/EasyUI.Master" AutoEventWireup="true"
    CodeBehind="ListHappen.aspx.cs" Inherits="jnxc.Web.addHappen.ListHappen" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="../Script/username.js"></script>
    <script src="../Script/datetime.js"></script>
    <script src="../Script/export.js"></script>
    <script type="text/javascript">
        $.extend($.fn.tree.methods, {
            getLevel: function (jq, target) {
                var l = $(target).parentsUntil("ul.tree", "ul");
                return l.length + 1;
            }
        });
        $(function () {
            InitGird();
            InitTree();
            $('#aid').combobox({
                url: '../areainfo/GetArea.ashx?action=ddllist',
                valueField: 'aid',
                textField: 'aname',
                panelHeight: 'auto',
                editable: false,
                onLoadSuccess: function () {
                    var data = $('#aid').combobox('getData');
                    $("#aid").combobox('select', data[0].caid);
                }
            });
            $('#dpid').combobox({
                url: '../dpinfo/GetDP.ashx?action=ddllist',
                valueField: 'dpid',
                textField: 'dpname',
                panelHeight: 'auto',
                editable: false,
                onLoadSuccess: function () {
                    var data = $('#dpid').combobox('getData');
                    $("#dpid").combobox('select', data[0].caid);
                }
            });
        });
        function InitTree() {
            $('#pt').tree({
                url: 'HappenMAN.ashx', //请求数据的页面               
                width: '100%', //宽度                
                lines: true,
                method: 'post',
                queryParams: { "action": "queryt" },
                onClick: function (node) {
                    if (node.text != "") {
                        $('#idstr').val(node.id);
                        $('#otype').val(node.type);
                        reloadgrid();
                    }
                },
                onLoadSuccess: function (node, param) {
                    $('#pt').tree("collapseAll");
                }
            });
        }
        //初始化表格
        function InitGird() {
            $('#tt').datagrid({
                title: '发生表', //表格标题
                url: 'HappenMAN.ashx', //请求数据的页面
                sortName: 'addhappen_id', //排序字段
                idField: 'addhappen_id', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度
               // height: $(parent.document).find("#mainPanle").height() - 35 > 0 ? $(parent.document).find("#mainPanle").height() - 35 : 500, //高度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[
					{ field: 'ckb', checkbox: true },
                    { title: '年度', field: 'nd', width: 150 },
                    { title: '月份', field: 'yf', width: 150 },
					{ title: '区域代码', field: 'abh', width: 150, sortable: true },
					{ title: '区域名称', field: 'aname', width: 150 },
					{ title: '病虫名称', field: 'dpname', width: 150 },
					{ title: '寄主名称', field: 'trees', width: 150 },
					{
					    title: '调查时间', field: 'dctime', width: 150, formatter: function (value, row, index) {
					        if (value != "") {
					            if (value.indexOf("-") != -1) {
					                value = value.replace(/-/g, "/")
					            }
					            return new Date(value).pattern("yyyy年M月d日");
					        }
					    }
					},
                    {
                        title: '详细', field: 'apid', width: 80, formatter: function (value, row, index) {
                            return '<a style="color:red" href="javascript:" onclick="$(this).parent().click();showData(' + value + ');return false;">详细信息</a>';
                        }
                    },

				]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "querymy" },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: 20, //默认一页数据条数
                rownumbers: true //行号
            });


        }
        //修改管理员  
        function showData() {

            var row = $('#tt').datagrid('getSelected');
            if (row == null) {
                $.messager.alert("提示", "请选择要查看的行！", "info");
            }
            if (row) {
                $('#dlg').dialog('open').dialog('setTitle', '发生情况表');
                $('#fm').form('load', row);
            }
        }
        //添加    

        function getQueryParams(queryParams) {
            var StartTime = $("#StartTime").datebox("getValue");
            var EndTime = $("#EndTime").datebox("getValue");
            var idstr = $("#idstr").val();
            //var otype = document.getElementById("otype").value;
            var otype = $("#otype").val();
            queryParams.StartTime = StartTime;
            queryParams.EndTime = EndTime;
            queryParams.idstr = idstr;
            queryParams.otype = otype;

            return queryParams;

        }
        //增加查询参数，重新加载表格  
        function reloadgrid() {

            //查询参数直接添加在queryParams中      
            var queryParams = $('#tt').datagrid('options').queryParams;
            getQueryParams(queryParams);
            $('#tt').datagrid('options').queryParams = queryParams;
            $("#tt").datagrid('reload');

        }

    </script>
    <style type="text/css">
        .fitem
        {
            width: 260px;
            float: left;
        }
        .fitem label
        {
            width: 170px;
            line-height: 22px;
        }
        .fitem input
        {
            width: 80px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="easyui-layout" style="width: 100%; height: 100%;" id="mycon">
        <div region="west" split="true" title="导航菜单" style="width: 180px; overflow: scroll"
            id="west">
            <ul id="pt">
            </ul>
        </div>
        <div region="center" style="background: #eee; overflow-y: hidden">
            <table id="tt">
            </table>
        </div>
        <div id="tab_toolbar" style="padding: 4px;">
            <table cellpadding="0" cellspacing="0" style="width: 100%">
                <tr>
                    <td style="padding-left: 2px">
                        <div>
                            时间从:
                            <input id="StartTime" class="easyui-datebox" style="width: 150px" />
                            到:
                            <input id="EndTime" class="easyui-datebox" style="width: 150px" />
                            名称:
                            <input id="mname" class="easyui-validatebox" />
                            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="reloadgrid()">
                                查找</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="Export('excel', $('#tt'));">
                                    导出</a>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div id="dlg" class="easyui-dialog" style="width: 1150px; height: 500px; overflow: auto;
            padding: 10px 20px" data-options="closed:true,buttons:'#dlg-buttons',shadow:false,resizable: true,maximizable:true,">
            <form id="fm" method="post">
            <div class="fitem">
                <label>
                    病虫名称：</label>
                <input id="dpid" name="dpid" class="easyui-combobox" data-options="required:true" />
            </div>
            <div class="fitem">
                <label>
                    寄主树种：</label>
                <input id="trees" name="trees" class="easyui-validatebox" data-options="required:true" />
            </div>
            <div class="fitem">
                <label>
                    应监面积：</label>
                <input id="yjarea" name="yjarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    区划名称：</label>
                <input id="aid" name="aid" class="easyui-combobox" data-options="required:true" />
            </div>
            <div class="fitem">
                <label>
                    寄主面积：</label>
                <input id="jzarea" name="jzarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    监测面积：</label>
                <input id="jcarea" name="jcarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    世代、次：</label>
                <input id="generation" name="generation" class="easyui-validatebox" data-options="required:true,validType:'number'" />
            </div>
            <div class="fitem">
                <label>
                    调查时间：</label>
                <input id="dctime" name="dctime" class="easyui-datebox" data-options="required:true" />
            </div>
            <div class="fitem">
                <label>
                    低虫口低感病面积：</label>
                <input id="dckdgarea" name="dckdgarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    分布面积：</label>
                <input id="fbarea" name="fbarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    监测覆盖率：</label>
                <input id="jcfgarea" name="jcfgarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                </label>
            </div>
            <div class="fitem">
                <label>
                    发生情况：</label>
            </div>
            <div class="fitem">
                <label>
                </label>
            </div>
            <div class="fitem">
                <label>
                </label>
            </div>
            <div class="fitem">
                <label>
                </label>
            </div>
            <div class="fitem">
                <label>
                    世代（次）发生面积：</label>
                <input id="generationfsarea" name="generationfsarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    累计轻度：</label>
                <input id="ljqd" name="ljqd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    累计中度：</label>
                <input id="ljzd" name="ljzd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    累计重度：</label>
                <input id="ljzzd" name="ljzzd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    发生合计（新发生或新扩散）：</label>
                <input id="fshj" name="fshj" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    发生轻度：</label>
                <input id="fsqd" name="fsqd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    发生中度：</label>
                <input id="fszd" name="fszd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    发生重度：</label>
                <input id="fszzd" name="fszzd" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    同病虫新发生：</label>
                <input id="tbcxfs" name="tbcxfs" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    发生率%：</label>
                <input id="fsl" name="fsl" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
            </div>
            <div class="fitem">
                <label>
                    预计成灾面积：</label>
                <input id="yjczarea" name="yjczarea" class="easyui-validatebox" data-options="validType:'floatOrInt'" />
                <input name="otype" id="otype" type="hidden" />
                <input name="idstr" id="idstr" type="hidden" />
                <input id="key" name="key" onkeydown="if(event.keyCode==13)reloadgrid()" type="hidden" />
            </div>
            </form>
        </div>
        <div id="dlg-buttons">
            <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlg').dialog('close')">
                关闭</a>
        </div>
    </div>
</asp:Content>
